page{
  background: #ffffff;
}
.pet{
  .title-name{
    font-weight: 700;
  }
  .ul{
    .li{
      display: flex;
      position: relative;
      padding: 25rpx;
      align-items: center;
      .icon{
        width: 90rpx;
        height: 90rpx;
        border-radius: 50%;
        margin-right: 16rpx;
      }
      .right{
        .name{
          font-size: 28rpx;
          font-weight: 700;
        }
        .time{
          font-size: 20rpx;
          color: #b1b1b1;
        }
      }
      .more{
        position: absolute;
        top: 50%;
        right: 25rpx;
        transform: translateY(-50%);
        width: 16rpx;
        height: 26rpx;
      }
    }
  }
  .add-btn{
    position: fixed;
    width: 100rpx;
    height: 100rpx;
    background-image: linear-gradient(-45deg,
    rgba(1, 102, 225, 0.87) 0%,
    rgba(1, 156, 248, 0.87) 100%),
    linear-gradient(
            #b9b9b9,
            #b9b9b9);
    background-blend-mode: normal,
    normal;
    box-shadow: 0rpx 0rpx 13rpx 0rpx
    rgba(67, 143, 255, 0.8);
    right: 33rpx;
    bottom: 52rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    .add-img{
      width: 50rpx;
      height: 50rpx;
    }
  }
}
